<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE>
<html>
<head>
<base href="<%=basePath%>">

<title>Grandon HTML Template</title>


<!-- add css stylesheets -->
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css"
	media="screen" />

<!-- Pretty Photo -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />


<!--[if gte IE 8]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->
<!--[if gte IE 9]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->



<!-- mobile setting -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.html">


<!-- jquery -->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js"
	type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.iconshadow.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/superfish.js" type="text/javascript"></script>
<script src="js/jquery.color.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.js" type="text/javascript"></script>
<script src="js/modernizr.custom.js" type="text/javascript"></script>
<script src="js/jquery.fitvids.js" type="text/javascript"></script>
<script src="js/jquery.ui.totop.js" type="text/javascript"></script>
<script src="js/jquery.quicksand.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.twitter.js"></script>




<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css"
	media="screen" />

<!-- Pretty Photo -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />


<!--[if gte IE 8]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->
<!--[if gte IE 9]>
	<link rel="stylesheet" media="screen" type="text/css" href="css/ie8up.css" />
<![endif]-->



<!-- mobile setting -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.html">


<!-- jquery -->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js"
	type="text/javascript"></script>
<script src="js/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.iconshadow.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/superfish.js" type="text/javascript"></script>
<script src="js/jquery.color.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.js" type="text/javascript"></script>
<script src="js/modernizr.custom.js" type="text/javascript"></script>
<script src="js/jquery.fitvids.js" type="text/javascript"></script>
<script src="js/jquery.ui.totop.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.twitter.js"></script>



<style type="text/css">
a {
	text-decoration: none;
}

.listul {
	display: none;
}

.listul li {
	list-style-image: url("images/ts-menu-left.png");
	margin-top: 15px;
	margin-left: 30px;
	font-size: 15px;
}

.list_div {
	margin-bottom: 10px;
}

.price_header {
	background: #ff9600;
	color: #fff;
	text-align: center;
	padding: 5px 0px;
	width: 100px;
	border: 1px solid #f7f7f7;;
}

.show td {
	text-align: center;
	background-color: #e0e0e0;
	color: #ff9600;
	font-weight: bolder;
	border: 1px solid #f7f7f7;;
}

button:HOVER {
	cursor: pointer;
}
.myselect{
	width: 210px;
	height: 25px;
}
</style>




</head>
<body>

	<s:include value="../../common_file/title2.jsp"></s:include>
	<div class="content">
		<div class="content_wrapper" style="padding-bottom: 10px;">
			<div class="clear"></div>

			<div class="container">
				<div class="content_wrapper_inner">

					<div class="eleven columns row offset-by-one right"
						style="padding-left: 0px; width: 700px;">
						<div class="port_inner">
							<div class="sixteen columns row"></div>
							<div class="clear"></div>
							<div id="table_div" style="min-height: 400px;">
							<span>个人资料设置</span>
							<hr />
								<span style="font-weight:bolder; font-size:14px;color:#2b2b2b; ">账户信息</span><br >
									<span style="margin-left:60px; font-size:11px;color:#2b2b2b; ">登录用户:  linbao</span><br/>
									<span style="margin-left:30px;font-size:11px;color:#2b2b2b;">上次登录时间: 2015年05月13日 08:23:54     若您的登陆信息与实际不符，建议您及时<a href="#" style="color: blue;">修改密码</a></span>
							<hr />
								<span style="font-weight:bolder; font-size:14px;color:#2b2b2b; ">基本信息</span><br >
							<form action="">
									<table>
										<tr>
											<td>姓名: </td>
											<td><input size="27" type="text" style="display: inline;"/></td>
										</tr>
										<tr>
											<td>性别: </td>
											<td><s:select cssClass="myselect"  theme="simple" list="#{'男':'男','女':'女' }"></s:select>  </td>
										</tr>
										<tr>
											<td>邮箱: </td>
										<td><input size="27" type="text" style="display: inline;"/>&nbsp;&nbsp;&nbsp;</td>
										</tr>
										<tr>
											<td>手机: </td>
										<td><input size="27" type="text" style="display: inline;"/>&nbsp;&nbsp;&nbsp;<a style="color: blue; font-size: 12px; text-decoration: underline;" href="#">点击获取验证码</a></td>
										</tr>
										<tr>
											<td colspan="2" align="right"><button type="submit">确认申请</button></td>
										</tr>
									</table>
							
							</form>
							<hr />
				
								<span class="clear"></span>

							</div>

							<span class="clear"></span>
						</div>
						<!-- End Portfolio -->

						<div class="clear"></div>

					</div>


					<!-- Sidebar Right -->
					<!--左面引入  -->

					<s:include value="../../pages/user/commmon_files/left.jsp"></s:include>

				</div>
				<!-- End main page wrapper -->

				<div class="clear"></div>
			</div>
			<!-- End container -->
		</div>
		<!-- End Content wrapper -->
	</div>
	<!-- End content -->

	<!-- Footer -->

	<footer id="footer">
	<div class="footer_support">
		<div class="container sixteen columns">
			<div class="footer_support_inner">
				<i class="icon_vid_s"></i>
				<div class="twelve columns">
					<div class="text_support">
						Video call supporting is the better way to asking us the question,
						<a href="#">Contact us now 24/7 </a>
					</div>
				</div>
				<i class="icon_support_user"></i>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<!-- End support -->
	<div class="container">
		<div class="footer_inner">

			<div class="sixteen columns">

				<div class="four columns clearfix widget alpha">
					<div class="widget_text">
						<img src="images/logo2.png" alt="" class="scale-with-grid" /> <span
							class="foot_title">Company's name</span><br />
						<p>We suport 24/7, sed diam nonummy nibh euismod.Lorem ipsum
							dolor,sed diam nonumy eirmod tempor invid unt utat labore et
							dolore magna.</p>

					</div>
				</div>

				<div class="four columns widget">
					<h5 class="widget_title">Popular blog post</h5>
					<div class="widget_blogposts">
						<ul>
							<li class="p_widget_inner clearfix">
								<div class="post_wiget_ti">
									<a href="#">Join us now, Start it</a>
								</div> <img src="images/blog/s3.jpg" alt="" class="scale-with-grid" />
								<p>Fames ac turpis egesda tas, vestibulum tortorina quam,
									feugiat</p>
								<div class="sub_date_wrapper">
									<span class="left sub_text3">11 Nov 2012</span> <span
										class="right sub_text3"><a href="#"> 3 comments </a></span><span
										class="icon_comment"></span>
								</div>
								<div class="clear"></div>
							</li>
							<li class="p_widget_inner clearfix">
								<div class="post_wiget_ti">
									<a href="#">What is branding</a>
								</div> <img src="images/blog/s4.jpg" alt="" class="scale-with-grid" />
								<p>Fames ac turpis egesda tas, vestibulum tortorina quam,
									feugiat</p>
								<div class="sub_date_wrapper">
									<span class="left sub_text3">11 Nov 2012</span> <span
										class="right sub_text3"><a href="#"> 1 comment </a></span><span
										class="icon_comment"></span>
								</div>
								<div class="clear"></div>
							</li>
						</ul>
						<div class="clear"></div>
					</div>
				</div>

				<div class="four columns widget">
					<h5 class="widget_title">Latest tweets</h5>
					<div class="widget_tweets">
						<div id="twitter"></div>
					</div>

				</div>

				<div class="four columns widget omega">
					<h5 class="widget_title">Contact info</h5>
					<div class="widget_text">
						<span class="foot_title">Company Location</span><br />
						<p>
							Hang Studios, Hongkar City<br /> Load 32, Lie wei street<br />
							Building 32, Maoei, Hongkong
						</p>

						<span class="foot_title">How To Contact Us</span><br /> <span
							class="icon_mail sub_text2"> <a
							href="mailto:your@email.com">you@yourdomain.com</a></span><br /> <span
							class="icon_tele2 sub_text2"> 968-442-3301</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	</footer>
	<!-- End Footer -->
	<s:include value="../../common_file/bottom.jsp"></s:include>
</body>

</html>